<!--/*-->
<!--selector: MasumBhai-->
<!--*/-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="headerr.css">
    <!--
      Bootstrap docs: https://getbootstrap.com/docs
    -->
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.js"></script>

</head>
<body>
<header>
    <div class="owl-carousel owl-theme">
        <div class="item">
            <img src="https://cdn.pixabay.com/photo/2012/10/10/05/04/train-60539_960_720.jpg" alt="">
            <div class="cover">
                <div class="container">
                    <div class="header-content">
                        <div class="line"></div>
                        <h2>Reinvent Business Experience with</h2>
                        <h1>Our Global and Integrated Solutions</h1>
                        <h4>We help entrepreneurs, start-ups and enterprises shape their ideas into business</h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="https://cdn.pixabay.com/photo/2016/10/10/14/44/train-1728537_960_720.jpg" alt="">
            <div class="cover">
                <div class="container">
                    <div class="header-content">
                        <div class="line animated bounceInLeft"></div>
                        <h2>Reinvent Digital Experience with</h2>
                        <h1>Our Digital and Intelligent Solutions</h1>
                        <h4>We help entrepreneurs, start-ups and enterprises shape their dreams into profits</h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="https://cdn.pixabay.com/photo/2017/10/03/20/46/locomotive-2814130_960_720.jpg" alt="">
            <div class="cover">
                <div class="container">
                    <div class="header-content">
                        <div class="line animated bounceInLeft"></div>
                        <h2>Reinvent Digital Experience with</h2>
                        <h1>Our Digital and Intelligent Solutions</h1>
                        <h4>We help entrepreneurs, start-ups and enterprises shape their dreams into profits</h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="https://cdn.pixabay.com/photo/2012/10/25/23/18/train-62849_960_720.jpg" alt="">
            <div class="cover">
                <div class="container">
                    <div class="header-content">
                        <div class="line animated bounceInLeft"></div>
                        <h2>Reinvent Client Experience with</h2>
                        <h1>Our CRM and Software Solutions</h1>
                        <h4>We help entrepreneurs, start-ups and enterprises shape their leads into clients</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<script>
    $('.owl-carousel').owlCarousel({
        loop: true,
        margin: 10,
        dots: false,
        nav: true,
        mouseDrag: false,
        autoplay: true,
        animateOut: 'slideOutUp',
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 1
            },
            1000: {
                items: 1
            }
        }
    });
</script>
</body>
</html>



